<!DOCTYPE html>
<html lang="zh-CN">
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <link rel="stylesheet" href="item1.css">
  <title>侧边栏点击显示内容</title>
</head>
<body>
  <!-- 侧边栏 -->
  <div id="sidebar">
    <ul>
      <li data-target="item1" id="first">学习时间安排</li>
      <li data-target="item2">学习方向分配</li>
      <li data-target="item3">学习进度要求</li>
      <li data-target="item4">学习学习成果考核</li>
      <li data-target="item5">小组后期分工</li>
      <li data-target="item6">不同学习方向协作</li>
    </ul>
  </div>
  <!-- 内容区域 -->
  <div id="content">

    <div id="item1" class="content-item">
      <div class="feature">
        <div class="delete">x</div>
         <h1>小组的学习时间是怎样安排的？</h1> 
        </div>
        <div class="answer">
        <p>
          我们小组采取了灵活的学习时间安排方式，以确保每个人都能有足够的时间来学习和成长。
        </p>
        <p>
          以下是我们的学习时间安排：
        </p>
        <ul>
          <li>
            每周一至周五，我们会在不同的时间段进行学习。选取平时空闲时间，来自由安排到小组的次数。
          </li>
          <li>
            周六和周日，我们会在晚上进行学习。
          </li>
        </ul>
        <p>
          我们的学习时间安排是灵活的，每个人都可以根据自己的学习需求和时间安排来调整。
        </p>
        <p>
          同时，我们也会定期组织学习活动，如小组讨论、项目实践等，以提高学习效果和团队合作能力。
        </p>
        <img src="../item/image/footer-back-1.jpg" alt="页脚照片">
      </div>
    </div>

    <div id="item2" class="content-item">
     <div class="feature"> 
      <div class="delete">x</div>
      <h1>小组的学习方向是如何分配的呢？</h1>
    </div>
        <div class="answer">
          <p>
            我们小组采取了自主选择的方式，以确保每个人都能找到合适的方向来学习和成长。
          </p>
          <p>
            以下是我们的学习方向安排：
          </p>
          <ul>
            <li>
              每周小组会分配相关学习内容进行学习。
            </li>
            <li>
              周六和周日，我们通常在晚上进行开会总结。
            </li>
          </ul>
          <p>
            我们的学习方向安排是灵活的，每个人都可以根据自己的学习需求安排来调整。
          </p>
          <p>
            我们也会定期组织活动，以深入小组成员间的关系。
          </p>
          <p>
            同时，我们也会对不合适的学习方向进行调整，以确保每个人都能找到合适的方向来学习和成长。
          </p>
          <img src="../item/image/footer-back-2.jpg" alt="页脚照片">
        </div>
    </div>

    <div id="item3" class="content-item">
      <div class="feature">
        <div class="delete">x</div>
        <h1>小组的学习进度是如何安排的呢？</h1>
      </div>
      <div class="answer">
        <p>
          我们小组对学习进度有长远的安排，并且是合理化的。
        </p>
        <p>
          以下是我们的学习进度安排：
        </p>
        <ul>
          <li>
            小组每周会提供相关学习视频进行学习，并安排相应的学长学姐给予指导。
          </li>
          <li>
            一般在周六晚上开会前填写进度表，以便开会的时候讲解并安排下一步进度要求。
          </li>
        <li>
          小组的学习进度是有要求的，每个人可以根据自己的学习时间来调整自己的进度，但是必须不能落后。
        </li>
      </ul>
        <p>
          我们也会定期组织考核，以考察小组安排的学习的学习效果。
        </p>
        <p>
          同时，我们也会对过于落后学习进度进行调整，以确保每个人能过达到小组的基本要求。
        </p>
        <img src="../item/image/footer-back-3.jpg" alt="页脚照片">
      </div>
    </div>

    <div id="item4" class="content-item">
      <div class="feature">
        <div class="delete">x</div>
        <h1>小组的学习成果考核是如何进行的呢？</h1>
      </div>
      <div class="answer">
        <p>
          小组考核采取会结合当前和之前学习的内容进行测试，以考察小组学习的效果。
        </p>
        <p>
          以下是我们的学习考核安排：
        </p>
        <ul>
          <li>
            基本每月小组会根据学习内容进行出题考核。
          </li>
          <li>
            考核会有考试和代码测试和页面设计等方式进行。
          </li>
        </ul>
        
        <p>
          小组也会根据考核结果进行下一步安排，以查漏补缺。
        </p>
        <img src="../item/image/footer-back-4.jpg" alt="页脚照片">
      </div>
    </div>

    <div id="item5" class="content-item">
      <div class="feature">
        <div class="delete">x</div>
        <h1>小组的学习后期分工是如何分配的呢？</h1>
      </div>
      <div class="answer">
        <p>
          以下是我们的后期分工安排：
        </p>
        <ul>
          <li>
            小组首先采取了自主选择的方式，以确保每个人都能找到合适的大概方向来进行相关工作。
          </li>
          <li>
            其次，我们会让前后端自主加分配来创建队伍，以此来进行工作安排。
          </li>
          <li>
            最后，我们会根据小组成员来分配任务。具体任务的分配有团队内部协商。
          </li>
        </ul>
        <img src="../item/image/footer-back-5.jpg" alt="页脚照片">
      </div>
    </div>
     

    <div id="item6" class="content-item">
      <div class="feature">
        <div class="delete">x</div>
        <h1>小组的不同学习方向是如何协作的呢？</h1>
      </div>
      <div class="answer">
        
        <p>
          以下是我们的协作安排：
        </p>
        <ul>
          <li>
            每周小组会分配相关学习内容进行学习。
          </li>
          <li>
            周六和周日，我们通常在晚上进行开会总结。
          </li>
        </ul>
        <p>
          我们的学习方向安排是灵活的，每个人都可以根据自己的学习需求安排来调整。
        </p>
        <p>
          我们也会定期组织活动，以深入小组成员间的关系。
        </p>
        <p>
          同时，我们也会对不合适的学习方向进行调整，以确保每个人都能找到合适的方向来学习和成长。
        </p>
        <img src="../item/image/footer-back-3.jpg" alt="页脚照片">
      </div>
  </div>
 

  <script src="item1.js"></script>
</body>
</html>